import PC from '../reposive/pc'
import Mobile from '../reposive/mobile'

import { Image, Typography, Button } from 'antd'
import Link from 'next/link'
import '@/styles/app-footer.css'

const RightLinks = () => (
  <>
    <div
      style={{
        width: 288,
        height: 'auto',
        display: 'flex',
        justifyContent: 'space-between',
      }}
    >
      <div style={{ width: 130, height: 100 }}>
        <Image src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" />
      </div>
      <div
        style={{
          width: 150,
          height: 72,
          display: 'flex',
          flexDirection: 'column',
        }}
      >
        <Link href="">
          <a className="link-my-style">
            Flawless design is easy with millions of ready-made assets to
            chioose from
          </a>
        </Link>
        <Link href="">
          <a className="link-my-style">ADVRTISE ON DRIBBBLE</a>
        </Link>
      </div>
    </div>
  </>
)

export default RightLinks
